
/**********内页************/
.run_banner { position: relative;overflow: hidden;}
.run_banner  img {
    width: 100%;
   /* animation:scale_b 6s linear infinite alternate;*/
    position: relative;
    z-index: 0;
 }

@-webkit-keyframes scale_b {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); } 
}
@-moz-keyframes scale_b {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); } 
}
@-o-keyframes scale_b {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); } 
}
@-ms-keyframes scale_b {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }  
}

/********内页分类***********/
.zhnav{ height:56px; background:#F4F4F4; position:relative; z-index:10 !important;}
.menu{ width:1010px;height:56px;}
.menu li{ height:56px; display:block; float:left; }
.menu a{padding:0 22px;display:block;float:left;font-size:16px;line-height: 36px;text-align:center;margin-top: 10px;border-radius: 20px;background:#FFF;color:#22892e;border: 1px solid #22892e; margin-right:5px;}

.menu a.menn{background:#22892e;color:#fff;border: 1px solid #22892e;}
.menu a:hover{background:#22892e;color:#fff;border: 1px solid #22892e;}

.return{height:26px; font-size:12px; color:#9f9f9f; line-height:26px; text-align:right; padding:15px 0;}
.return a{ font-size:12px; color:#9f9f9f; line-height:26px; display:block; float:left;}
.return span{ padding:0 7px;}


.n_box{ padding:20px 0px;}
.n_box p{ line-height:2; font-size:16px; text-indent:2em;}
/***************新闻中心*****************************/
.xwlb1{ display:block; overflow:hidden; margin-top:20px;}
.xwlb1 li{ display:block; margin-bottom:10px; position: relative;}
.xwlnr{padding:35px;overflow:hidden;position: relative;z-index:6;box-sizing: border-box;}
.xwbei{position: absolute;right:0;top:0;width:100%;height:100%;background: rgb(248, 248, 248);z-index:3;}
.xwbei2{position:absolute;left:0;top:0;width:0%;height:100%;background: rgba(61, 218, 79, 0.06);z-index:3;}
.xwbei2, .xwbei{
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
.xwlb1 li:hover .xwbei{ width:0%;}
.xwlb1 li:hover .xwbei2{ width:100%;}
.dnebg{ width:135px; height:auto; position:relative; z-index:7; top:12px;}
.neda{ width:104px; height:120px; position:relative; z-index:9; left:0; top:0; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#FFF;}
.nedabg{ width:104px; height:120px; position: absolute; z-index:8; left:0; top:0; background:url(../images/danbg1.png) center center no-repeat;}
.neda1{ display:block; padding-top:24px; line-height:46px; font-size:36px;}
.neda2{ display:block; line-height:20px; font-size:12px;}

.nedabg{
	-webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
.xwlb1 li:hover .nedabg{ background:url(../images/danbg2.png) center center no-repeat;
transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.xwlb1 li:hover .neda{ color:#6d6d6d;}

.dnetu{ width:228px; height:148px; margin-right:30px;}
.dnetu img{ width:228px; height:148px; -o-border-top-left-radius:25px; -webkit-border-top-left-radius:25px;-moz-border-top-left-radius:25px;border-top-left-radius:25px; -o-border-bottom-right-radius:25px; -webkit-border-bottom-right-radius:25px;-moz-border-bottom-right-radius:25px;border-bottom-right-radius:25px;}
.dnejsn{width: 1000px;overflow:hidden;}
.dneti{ line-height:38px; font-size:14px; color:#010101;}
.dneti a, .dneti a:visited{ color:#010101;}
.dnejs{ display:block; line-height:30px; color:#6d6d6d; font-size:12px; height:77px;}
.dnejs a{ display:block;} .dnejs a, .dnejs a:visited{ color:#6d6d6d;}
.nduo{ width:98px; height:30px; border:1px solid #d0d0d0;display:block; float:left; overflow: hidden; position:relative; line-height:30px; text-align:center; font-size:12px; color:#6b6b6b;} .nduo:visited{ color:#6b6b6b;}

.dneti a, .dnejs a , .nduo,.prtu img{
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
.xwlb1 li:hover .dneti a, .xwlb1 li:hover .dnejs a{ color:#22892e; }
.xwlb1 li:hover .nduo{ background:#22892e; color:#FFF; border-color:#22892e; top:-1px; left:1px;}

/**æ–°é—»æ‰‹æ»‘æ”¾å¤§ begin**/
.xwlb1 li:hover .dnetu img{ 
animation:dnetu 6.5s linear 0s infinite alternate both;
-webkit-animation:dnetu 6.5s linear 0s infinite alternate both; 
-moz-animation:dnetu 6.5s linear 0s infinite alternate both; 
-o-animation:dnetu 6.5s linear 0s infinite alternate both;
}
@keyframes dnetu
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);	}}
@-webkit-keyframes dnetu
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);	}}
@-moz-keyframes dnetu
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);	}}
@-o-keyframes dnetu
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);	}}
/**æ–°é—»æ‰‹æ»‘æ”¾å¤§ end**/


/*************产品中心**********************/
.cplb{ display: block; overflow:hidden;margin-left:-14px; }
.cplb li{ display:block; float:left; width:302px; background:#f0f0f0; margin-left:14px; margin-bottom:10px; padding:5px; box-sizing:border-box;}
.prtu{ display:block; width:282px; overflow:hidden; background:#FFF; padding:5px;}
.prtu img{ max-width:100%;}
.cplb li:hover .prtu img{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}
.prm{ padding-top:10px; margin-bottom:10px; text-align:center; line-height:22px; font-size:14px; color:#000;}
.prm a{ color:#000; display: block;}
.cplb .more{ display:block; width:104px; height:32px; margin:0 auto; margin-bottom:5px; background:url(../images/bobg.png) center center no-repeat; overflow:hidden; text-align:center; line-height:32px; color:#fff; font-size:12px;}
.cplb .more span{ display:block; top:0; position:relative;}
.cplb li:hover .more span{ top:-100%;}


/*****详细页*****/
.news-art-main{background: #f9f9f9;margin:0px auto;padding: 50px 80px 50px;}
.art-tit h4{text-align: center;font-size:20px;font-weight: normal;line-height: 36px;padding-bottom: 20px;color: #333;}
.art-tit h5{text-align: center;font-size: 12px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;width: 300px;}
.art-main{padding-top: 30px;padding-bottom: 40px;}
.art-main p{text-indent: 2em;font-size: 14px;line-height: 30px;color: #666;}

.art-back li{font-size: 14px;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #555;}
.art-footer-last a:hover,.art-footer-next a:hover {color:#22892e;}
.art-footer-back{padding-top: 26px;float: right;margin-top: -82px;margin-right: 20px;}
.art-footer-back a{display: block;position: relative;width: 116px;height: 40px;overflow: hidden;border: 2px solid #22892e;line-height:36px;text-align: center;box-sizing: border-box;color: #22892e;}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: #22892e;color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 0 none;}

/******在线留言*****/
.massage{ width: 902px; margin:0 auto; border: 1px solid #ebebeb; position: relative; z-index: 2; padding: 22px 48px; background: #fff; }
.massage .maintop{ width: 902px; height: 55px; line-height:55px; float: left; border-bottom: 1px solid #ebebeb; text-indent: 37px; color: #555555; margin-bottom: 10px; font-size:20px; font-weight:normal; background: url(../images/guest.png) left center no-repeat; }
.massage table td{ color:#666;}
.massage .input{ border:1px solid #ddd; margin:5px 0px; border-radius:5px; padding-left:5px; width:350px; height:35px; line-height:35px; outline:none;}
.massage textarea{ border:1px solid #ddd; margin:5px 0px; border-radius:5px; padding-left:5px; width:580px;line-height:35px;outline:none; resize:none;}
.massage .submit{border:1px solid #ddd; border-radius:5px;width:120px; height:42px; line-height:42px; color:#fff; background:#22892e;outline:none; cursor:pointer;}



/******联系我们*****/

.map{ background:url(../images/map.jpg) center top no-repeat; height:640px; margin-top:-4px; position:relative; z-index:0; padding-top:140px;}
.tel{ width:585px; background:#FFF;}
.tet{ background:#22892e; padding:22px 32px; overflow:hidden;}
.bj{ line-height:32px; font-size:22px; color:#ffffff;}
.ad1{ height:34px; padding:26px 30px; background:#fff;} .ad2{ height:34px; padding:26px 30px; background:#e9e9e9;}
.ad12{ float:left; padding-left:18px; width:480px; font-size:14px; color:#505050; line-height:34px; }

.contact-second{width: 100%;height:680px;position: relative;}
.contact-second .consec-map{position: absolute;top: 0px;left: 0px;z-index: 1;width: 100%;height:680px;}
.contact-second .consec-address{width: 1256px;margin: 0px auto;position: relative;}
.consec-address .consec-content{position: absolute;top: 80px;left:0;z-index: 3;width:585px;}

/********分页*********/
.text-center {text-align: center; border-top: 1px solid #ddd;}
.pagination{display: inline-block; padding-left: 0; margin:20px 0px 0px; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #22892e; border-color: #22892e;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}
